<template>
    <div class="index-left-block">
        <h2>推荐岗位</h2>
        <ul>
            <li v-for="(career,index) in catalist" :key="index">
                <a :href="career.url" @click="search(career.name)">{{career.name}}</a>
            </li>
        </ul>
    </div>
</template>
    
<script>
import $ from "jquery"
export default {
    data(){
        return{
            catalist:[
                {index:1,
                  name:"后端技术",
                 url:"http://localhost:8080/userRecruit#/userRecruit"
                },
                {index:2,
                  name:"前端技术",
                 url:"http://localhost:8080/userRecruit#/userRecruit"
                },
                {index:3,
                  name:"人工智能技术",
                 url:"http://localhost:8080/userRecruit#/userRecruit"
                },
                {index:4,
                  name:"大数据",
                 url:"http://localhost:8080/userRecruit#/userRecruit"
                },
                {index:5,
                  name:"网络安全",
                 url:"http://localhost:8080/userRecruit#/userRecruit"
                },
                {index:6,
                  name:"人事/财务/行政",
                 url:"http://localhost:8080/userRecruit#/userRecruit"
                },
                {index:7,
                  name:"教育培训",
                 url:"http://localhost:8080/userRecruit#/userRecruit"
                },
            ]
            
        }
    },
    created(){
    },
    methods:{
        search(name){
             window.sessionStorage.setItem("search",name)
            console.log(name);
        }
    }

}
</script>

<style lang="less" scoped>
.index-left-block{
    margin: 15px;
    
    height: 430px;
    ul{
        margin-left: -40px;
    }
    ul>li{
        line-height: 53px;
        height: 53px;
        padding-left: 10px;
        list-style:none;
       font-size: 25px; 
    }
    li>a{
        text-decoration:none
    }
    li:hover{
        background-color: rgba(0,0,0,0.4);
        color: red;
    }
}




</style>